<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>HOME</title>
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
  <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
  <meta content="no-cache" http-equiv="pragma">
  <meta content="0" http-equiv="expires">
  <meta content="telephone=no, address=no" name="format-detection">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body class="xc-home">
  <div class="wrap home">
    <div class="sidebar">
      <a href="javascript:;" class="btn-close"><img src="img/close.png"></a>
      <ul>
        <li>
          <a href="chat.html">我的消息<span>20</span></a>
        </li>
        <li>
          <a href="follow.html">我的关注</a>
        </li>
        <li>
          <a href="personal.html">个人主页</a>
        </li>
        <li>
          <a href="history.html">历史浏览</a>
        </li>
        <li>
          <a href="personal-info.html">设置</a>
        </li>
        <li>
          <a href="javascript:;">help</a>
        </li>
      </ul>
      <div class="mask-home"></div>
      <div class="login-group">
        <a href="login.html" class="btn-login">登入</a>
        <a href="javascript:;" class="btn-logout">退出</a>
      </div>
    </div>
    <div class="main">
      <div class="mark">
      <div class="pre-message">
      <div class="cont">
        <div class="head">
          <div class="icon">
            <img src="img/user.png" alt="头像">
          </div>
          <div class="des">
            <p>用户名</p>
            <p><span>10</span>分钟前在线</p>
          </div>
          <div class="close">
            <img src="img/close.png" alt="关闭">
          </div>
        </div>
        <div class="body">
          <p>哒哒哒阿达大大阿达大大阿达阿达打大大阿达大大哒哒哒阿达啊</p>
        </div>
        <div class="footer">
          <div class="message-say">
            <input type="text" placeholder="输入回复">
          </div>
          <div class="send">
            发送
          </div>
        </div>
        </div>
      </div>
      </div>
      <div class="home-h1">
        <a href="javascript:;" class="btn-menu"><img src="img/menu.png" alt="菜单"></a>
        <img src="img/home-bg.png" alt="图标" class="bg">
        <a href="upload.html" class="right"><img src="img/camera.png" alt="camera"></a>
        <div class="home-menu-on"><img src="img/icon_home_menu0.png"></div>
      </div>
      <div class="home-main">
        <ul>
          <li>
            <h2>TOP1<img src="img/homedown.png" alt="down"></h2>
            <img src="img/home-list-bg.png" alt="">
            <div class="usergroup">
              <a href="javascript:;">#biaoqian#2017.2.18</a>
              <p><img src="img/user.png" alt="头像">用户名</p>
            </div>
            <div class="dpgroup">
              <p><img src="img/good.png">12345</p>
              <p><img src="img/start.png">12345</p>
              <p><img src="img/message.png">12345</p>
            </div>
          </li>
          <li>
            <h2>TOP2<img src="img/homedown.png" alt="down"></h2>
            <img src="img/home-list-bg2.png" alt="">
            <div class="usergroup">
              <a href="javascript:;">#biaoqian#2017.2.18</a>
              <p><img src="img/user.png" alt="头像">用户名</p>
            </div>
            <div class="dpgroup">
              <p><img src="img/good.png">12345</p>
              <p><img src="img/start.png">12345</p>
              <p><img src="img/message.png">12345</p>
            </div>
          </li>
          <li>
            <h2>TOP3<img src="img/homedown.png" alt="down"></h2>
            <img src="img/home-list-bg2.png" alt="">
            <div class="usergroup">
              <a href="javascript:;">#biaoqian#2017.2.18</a>
              <p><img src="img/user.png" alt="头像">用户名</p>
            </div>
            <div class="dpgroup">
              <p><img src="img/good.png">12345</p>
              <p><img src="img/start.png">12345</p>
              <p><img src="img/message.png">12345</p>
            </div>
          </li>
          <li>
            <h2>TOP4<img src="img/homedown.png" alt="down"></h2>
            <img src="img/home-list-bg2.png" alt="">
            <div class="usergroup">
              <a href="javascript:;">#biaoqian#2017.2.18</a>
              <p><img src="img/user.png" alt="头像">用户名</p>
            </div>
            <div class="dpgroup">
              <p><img src="img/good.png">12345</p>
              <p><img src="img/start.png">12345</p>
              <p><img src="img/message.png">12345</p>
            </div>
          </li>
          <li>
            <h2>TOP5<img src="img/homedown.png" alt="down"></h2>
            <img src="img/home-list-bg2.png" alt="">
            <div class="usergroup">
              <a href="javascript:;">#biaoqian#2017.2.18</a>
              <p><img src="img/user.png" alt="头像">用户名</p>
            </div>
            <div class="dpgroup">
              <p><img src="img/good.png">12345</p>
              <p><img src="img/start.png">12345</p>
              <p><img src="img/message.png">12345</p>
            </div>
          </li>
        </ul>
        <div class="home-menu">
          <ul class="menutop">
            <li><a href="upload.html"><img src="img/icon_home_menu1.png"></a></li>
            <li><a href="follow.html"><img src="img/icon_home_menu2.png"></a></li>
            <li><a href="history.html"><img src="img/icon_home_menu3.png"></a></li>
            <li><a href="market.html"><img src="img/icon_home_menu4.png"></a></li>
            <li><a href="#"><img src="img/icon_home_menu5.png"></a></li>
            <li><a href="chat.html"><img src="img/icon_home_menu6.png"></a></li>
            <li><a href="brand.html"><img src="img/icon_home_menu7.png"></a></li>
            <li><a href="search.html"><img src="img/icon_home_menu8.png"></a></li>
          </ul>
          <ul class="menumiddle">
            <li><a href="home.html">分享</a></li>
            <li><a href="search.html">搜索</a></li>
            <li><a href="brand.html">趋势</a></li>
            <li><a href="personal.html">空间</a></li>
            <li><a href="home.html">TOP</a></li>
            <li class="close-home-menu">X</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/jquery.mutouch.min.js"></script>
  <script src="js/main.js"></script>
</body>
</html>